FCKeditor disabling toolbar items

[Sebarry]

Hi,

Probably not a great place for this post, but FCKeditor is very well used so hopefully someone can help.

Basically I have a form with two buttons - an edit button that creates an FCKeditor instance and creates a dynamic save function and a save button that needs to do some Javascript stuff before submitting the form. The save stuff looks like this.

function doSave()
{
      ....
      ....
      ....
      document.managePagesForm.submit();
}
 
function FCKeditor_OnComplete( editorInstance )
{
   editorInstance.LinkedField.form.onsubmit = doSave;
}
 

Problem I have is that

document.managePagesForm.submit();

doesn't do anything because of the save function, but if I make my save button of type submit instead of type button it won't do the Javascript stuff I need to do before submitting the form. Can I disable the save button or remove a FCKeditor instance dynamically after I have used it?

Thanks,

Sean

[dmjpro]

Have a try with this :-)

function doSave()
{
      ....
      ....
      ....
      document.managePagesForm.submit();
}
 
function FCKeditor_OnComplete( editorInstance,button_name )
{
   editorInstance.LinkedField.form["button_name"].onclick = doSave;
}

Here the button_name is ....

<input type = button value = "Save" name = "button_name">
 

Good Luck.

Kind regards,
Dmjpro.

[Sebarry]

Hi,

Thanks for that. I've tried it but to no avail. Here's what I've tried.

<input type="button" value="Save Changes" id="button_name" name="button_name" onclick="javascript:submitForm()" />
 

[/code]

function FCKeditor_OnComplete( editorInstance )
{
      editorInstance.LinkedField.form["button_name"].onclick = doSave;
}
 
function doSave()
{
    // Do stuff to getHtml from FCKeditor and update form
}
 
function submitForm()
{
    // Write contents of DIVs to hidden input fields.
   document.form.submit();
}
 
 

With the code you gave me how is "button_name" passed to

FCKeditor_OnComplete

? Should "button_name" be in quotes if it is passed as a parameter? What needs to happen is that the save button on the form (what I have called button_name) calls the submitForm function to submit the form and the save button in my FCKeditor instance calls the doSave function. Do you know where I can find the API documentation for FCKeditor? I would like to remove the instance once I'm finished with it. Do you know how to do that too?

Sorry for the million and one questions.

Thanks,

Sean

Have a try with this :-)

function doSave()
{
      ....
      ....
      ....
      document.managePagesForm.submit();
}
 
function FCKeditor_OnComplete( editorInstance,button_name )
{
   editorInstance.LinkedField.form["button_name"].onclick = doSave;
}

Here the button_name is ....

<input type = button value = "Save" name = "button_name">
 

Good Luck.

Kind regards,
Dmjpro.

[dmjpro]

Hi,

Thanks for that. I've tried it but to no avail. Here's what I've tried.

<input type="button" value="Save Changes" id="button_name" name="button_name" onclick="javascript:submitForm()" />
 

[/code]

function FCKeditor_OnComplete( editorInstance )
{
      editorInstance.LinkedField.form["button_name"].onclick = doSave;
}
 
function doSave()
{
    // Do stuff to getHtml from FCKeditor and update form
}
 
function submitForm()
{
    // Write contents of DIVs to hidden input fields.
   document.form.submit();
}
 
 

With the code you gave me how is "button_name" passed to

FCKeditor_OnComplete

? Should "button_name" be in quotes if it is passed as a parameter? What needs to happen is that the save button on the form (what I have called button_name) calls the submitForm function to submit the form and the save button in my FCKeditor instance calls the doSave function. Do you know where I can find the API documentation for FCKeditor? I would like to remove the instance once I'm finished with it. Do you know how to do that too?

Sorry for the million and one questions.

Thanks,

Sean

First tell me ....

editorInstance.LinkedField......
 

Is editorInstance.LinkedField a reference to a document?

Kind regards,
Dmjpro.

[Sebarry]

editorInstance is a parameter passed to the On_Complete function. The rest I don't know, it's FCKeditor API syntax. I got the original code from http://wiki.fckeditor.net/Developer's_Guide/Javascript_API scroll to the bottom of the page.

First tell me ....

editorInstance.LinkedField......
 

Is editorInstance.LinkedField a reference to a document?

Kind regards,
Dmjpro.

[dmjpro]

editorInstance is a parameter passed to the On_Complete function. The rest I don't know, it's FCKeditor API syntax. I got the original code from http://wiki.fckeditor.net/Developer's_Guide/Javascript_API scroll to the bottom of the page.

Have a try this!

<form name="form_name">
<input type = button name="button_name" onclick = "javascript:submit()">
</form>
 

function FCKeditor_OnComplete( editorInstance )
{
editorInstance.LinkedField.forms["form_name"].elements["button_name"].onclick = doSave;
}
 

Kind regards,
Dmjpro.

[Sebarry]

I'm a bit confused here, because the syntax seems to suggest that it is trying to link the save button on the form to the doSave Javascript function. I want to link the save button on the FCKeditor to the doSave Javascript function. The save button on the HTML form should do the Javascript submit stuff.

Have a try this!

<form name="form_name">
<input type = button name="button_name" onclick = "javascript:submit()">
</form>
 

function FCKeditor_OnComplete( editorInstance )
{
editorInstance.LinkedField.forms["form_name"].elements["button_name"].onclick = doSave;
}
 

Kind regards,
Dmjpro.

[dmjpro]

I'm a bit confused here, because the syntax seems to suggest that it is trying to link the save button on the form to the doSave Javascript function. I want to link the save button on the FCKeditor to the doSave Javascript function. The save button on the HTML form should do the Javascript submit stuff.

Can you Post some code, from where I can figure out when FCKeditor_OnComplete function is called and the line editorInstance.LinkedField.....
And tell me something what you need and what is happening.
Ok!

Kind regards,
Dmjpro.

[Sebarry]

Okie Dokies. Here we go.

function editSection(divId) 
{
      var fck = new FCKeditor( "myFCKeditor" );
      fck.BasePath = '/iwo/FCKeditor/';
      fck.Value = divContent.innerHTML;
      fck.ToolbarSet = 'Basic';
      alert( "Creating FCK" );
      divContent.innerHTML = fck.CreateHtml();
}
 
function doSave()
{
      alert( "Saving" );
      var editor = FCKeditorAPI.GetInstance( "myFCKeditor" );
      contentDiv.innerHTML = editor.GetHTML();
}
 
function submitForm()
{
      alert( "Submitting" );
      // Processing code goes here.    
      document.managePagesForm.submit();
}
 
function FCKeditor_OnComplete( editorInstance )
{
editorInstance.LinkedField.forms["managePagesForm"].elements["button_name"].onclick = doSave;
}
 

....
....
<input type="button" value="Save Changes" id="button_name" name="button_name" onclick="javascript:submitForm()" />
...
....
 

The javascript function

editSection

is called when an edit button is clicked. This creates a FCKeditor instance (FCKeditor.net) and on completion of the instance creation the

FCKeditor_OnComplete

function is called. In this function I need to associate the save button from FCKeditor, not on my HTML form, with the doSave function that I have written. In other words, the doSave function should be called when the save button in FCKeditor is clicked. The submitForm function should be called when the "Save Changes" button in the HTML form is clicked.

Hope that helps.

Sean

[dmjpro]

Okie Dokies. Here we go.

function editSection(divId) 
{
      var fck = new FCKeditor( "myFCKeditor" );
      fck.BasePath = '/iwo/FCKeditor/';
      fck.Value = divContent.innerHTML;
      fck.ToolbarSet = 'Basic';
      alert( "Creating FCK" );
      divContent.innerHTML = fck.CreateHtml();
}
 
function doSave()
{
      alert( "Saving" );
      var editor = FCKeditorAPI.GetInstance( "myFCKeditor" );
      contentDiv.innerHTML = editor.GetHTML();
}
 
function submitForm()
{
      alert( "Submitting" );
      // Processing code goes here.    
      document.managePagesForm.submit();
}
 
function FCKeditor_OnComplete( editorInstance )
{
editorInstance.LinkedField.forms["managePagesForm"].elements["button_name"].onclick = doSave;
}
 

....
....
<input type="button" value="Save Changes" id="button_name" name="button_name" onclick="javascript:submitForm()" />
...
....
 

The javascript function

editSection

is called when an edit button is clicked. This creates a FCKeditor instance (FCKeditor.net) and on completion of the instance creation the

FCKeditor_OnComplete

function is called. In this function I need to associate the save button from FCKeditor, not on my HTML form, with the doSave function that I have written. In other words, the doSave function should be called when the save button in FCKeditor is clicked. The submitForm function should be called when the "Save Changes" button in the HTML form is clicked.

Hope that helps.

Sean

Ok!
Try this one ...

function FCKeditor_OnComplete( editorInstance )
{
editorInstance.LinkedField.forms["managePagesForm"].elements["button_name"].setAttribute("onclick",doSave);
}
 

Good Luck :-)

Kind regards,
Dmjpro.

[Sebarry]

Nah that's still not going to work. The line

editorInstance.LinkedField.forms["managePagesForm"].elements["button_name"].setAttribute("onclick",doSave);

needs to be of FCKeditor syntax, not Javascript. It needs to link the save button in FCKeditor to the doSave function, not the save button on my HTML form.

Ok!
Try this one ...

function FCKeditor_OnComplete( editorInstance )
{
editorInstance.LinkedField.forms["managePagesForm"].elements["button_name"].setAttribute("onclick",doSave);
}
 

Good Luck :-)

Kind regards,
Dmjpro.